Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove unnecessary role="img" #2704

Merged
merged 12 commits into from
Oct 3, 2024
Merged

Remove unnecessary role="img" #2704

merged 12 commits into from
Oct 3, 2024

Conversation

hannahiss
Copy link
Member

@hannahiss hannahiss commented Aug 22, 2024

Note: Please transform - [ ] into - (NA) in the description when things are not applicable

Related issues

#2667

Description

Remove unnecessary role="img" on aria-hidden SVGs or <img>

Motivation & Context

This issue has been seen while fixing a11y audit:

  • aria-hidden images should not have a role
  • tags <img> are used for images only and should not have a role="img"

Types of change

  • Bug fix (non-breaking which fixes an issue)

Live previews

Copy link

netlify bot commented Aug 22, 2024

Deploy Preview for boosted ready!

Name Link
🔨 Latest commit b24ab49
🔍 Latest deploy log https://app.netlify.com/sites/boosted/deploys/66fe40ebfc3c1c0008eb63af
😎 Deploy Preview https://deploy-preview-2704--boosted.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@hannahiss hannahiss changed the title Fix a11y audit: Remove unnecessary role="img" on aria-hidden SVGs Fix a11y audit: Remove unnecessary role="img" Aug 22, 2024
@hannahiss hannahiss added v5 accessibility docs Improvements or additions to documentation labels Aug 22, 2024
@hannahiss hannahiss changed the title Fix a11y audit: Remove unnecessary role="img" Remove unnecessary role="img" Aug 23, 2024
@hannahiss hannahiss marked this pull request as ready for review August 23, 2024 14:48
Copy link
Member

@louismaximepiton louismaximepiton left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

1 is missing also in both orange-global-headers.html and orange-supra.html.

site/content/docs/5.3/dark-mode.md Outdated Show resolved Hide resolved
Copy link
Member

@louismaximepiton louismaximepiton left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 🚀

Copy link
Contributor

@julien-deramond julien-deramond left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The HTML markup changed (slightly) for the headers, so it might be useful to mention it in the migration guide, isn't it?

(Note: there are some conflicts to resolve in the PR due to other PRs being merged)

@julien-deramond

This comment was marked as resolved.

hannahiss and others added 3 commits October 1, 2024 18:04
# Conflicts:
#	site/content/docs/5.3/dark-mode.md
#	site/content/docs/5.3/migration.md
#	site/layouts/shortcodes/orange-global-headers.html
#	site/layouts/shortcodes/orange-supra.html
@julien-deramond
Copy link
Contributor

@julien-deramond julien-deramond merged commit f771c04 into main Oct 3, 2024
14 checks passed
@julien-deramond julien-deramond deleted the main-his-a11y-role-img branch October 3, 2024 07:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility docs Improvements or additions to documentation v5
Projects
Development

Successfully merging this pull request may close these issues.

3 participants